﻿
.generic{ width:100%; height:800px; min-width:930px; float:left; overflow:hidden; position:relative; font-family:HanHei SC; font-weight:200}
.generic .box{ width:1920px; height:800px; overflow:hidden; float:left; position:absolute; left:50%; margin-left:-960px}
.generic .tit_box{ width:720px; height:300px; float:left; position:absolute; z-index:10; opacity:0}
.generic .tit_box .t_1{ width:100%; float:left; font-size:64px; line-height:80px; color:#323232; padding-bottom:22px}
.generic .tit_box .t_2{ width:100%; float:left; font-size:26px; line-height:36px; color:#888}
.generic .img_box{ float:left; overflow:hidden; position:absolute; top:40px; opacity:0}

@keyframes tit_1{ 0%{ opacity:0; transform:translate3d(0,-50px,0) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}  100%{ opacity:1; transform:translate3d(0,0,0) rotate(0)}}
@keyframes img_1{ 0%{ opacity:0; transform:translate3d(0,100px,0) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0)}}

.app_1{ height:760px; background-color:#F4F6F8; margin-top:-10px}
.app_1 .box{ height:760px; transform-origin:top center}
.app_1 .tit_box{ height:500px; top:250px; left:1054px}
.app_1 .tit_box .t_1{ padding-bottom:0}
.app_1 .app_btn{ width:100%; height:128px; float:left; padding:50px 0 0 0}
.app_1 .app_btn .code{ width:128px; height:128px; float:left; padding-right:20px}
.app_1 .app_btn .ios, .app_1 .app_btn .andr{ width:126px; height:60px; float:left; padding-left:74px; margin-right:15px; background-color:#4a4a4a; border-radius:3px; background-position:-372px -1150px; color:#fff; opacity:1}
.app_1 .app_btn .andr{ background-color:#70C840; background-position:-372px -1270px}
.app_1 .app_btn .fs_20{ width:100%; float:left; font-size:20px; line-height:28px; padding-top:5px}
.app_1 .app_btn .fs_16{ width:100%; float:left; font-size:16px; line-height:20px}
.app_1 .app_btn .dev{ width:140px; line-height:60px; float:left; color:#666; font-size:16px}
.app_1 .btn_box{ width:360px; height:60px; padding-bottom:8px; float:left}
.app_1 .img_box{ width:673px; height:670px; top:90px; left:380px}
.app_1 .phoneListBtn{ height:22px; line-height:20px; float:left; border:1px solid rgba(201,201,201,1); border-radius:3px; color:#000; font-size:16px; padding:0 14px; position:absolute; top:20px; right:380px}

.app_2 .tit_box{ top:148px; left:380px}
.app_2 .img_box{ width:556px; height:760px; left:980px}

.app_3{ background-color:#F4F6F8}
.app_3 .tit_box{ top:138px; left:1080px}
.app_3 .img_box{ width:705px; height:800px; left:520px}

.app_4 .tit_box{ top:148px; left:410px}
.app_4 .img_box{ width:336px; height:800px; left:1080px}

.app_5{ background-color:#F4F6F8}
.app_5 .tit_box{ top:148px; left:1120px}
.app_5 .img_box{ width:720px; height:800px; left:420px}

.app_6 .tit_box{ top:148px; left:480px}
.app_6 .img_box{ width:414px; height:800px; left:1090px}

.app_7{ background-color:#F4F6F8}
.app_7 .tit_box{ top:148px; left:1080px}
.app_7 .img_box{ width:690px; height:800px; left:520px}

.app_8{ height:1200px}
.app_8 .box{ height:1200px}
.app_8 .tit_box{ top:40px; left:600px; text-align:center}
.app_8 .tit_box .t_1{ padding-bottom:0}
.app_8 .img_box{ width:1160px; height:900px; top:276px; left:380px}
.app_8 .bbs_btn{ width:200px; height:40px; background-color:#70C840; color:#fff; text-align:center; float:left; line-height:40px; font-size:26px; border-radius:5px; margin:30px 0 0 260px}